/* CSS Document */
/*FONTS{  }*/
@font-face {
    font-family:myFirstFont;
    src: url('../fonts/Exo-Bold.otf');
    src: url('../fonts/mgopenmodataregular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataregular-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataregular-webfont.svg#MgOpenModataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}
*{margin:0px}
/*------------------------reset------------------------*/
body,div,p,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Open Sans, arial, sans-serif;}

.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#666; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
a:hover{ color:#ff8c00;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#666; }
.text-center {
    text-align: center;
}
.left{ float:left;}
.right{ float:right;}
.wrap{ max-width:1200px; margin:0px auto; overflow:hidden; }
.content{ display: table;max-width:1200px; margin:0px auto;  }

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}



/*------------------------header------------------------*/
#header{ background: #fff; overflow: hidden;    border-top: 13px solid #035194;}
	.top{ line-height: 36px; background: #0070c0; text-align: right; color: #fff;}
		.top a{ color: #fff;}
	.logo{ overflow: hidden; margin: 5px 0 0 0;}
		.logo h1{ font-size: 0;}
	.nav{}
		.nav li{ float: left; height:100px; line-height: 100px;}
		.nav a{ display: block; height: 100px; padding:0 18px; font-size: 16px;font-weight: bold; color: #121414; text-transform: uppercase;}
		.nav a:hover{ border-bottom: 5px #0070c0 solid;}
		.nav .active{ border-bottom: 5px #0070c0 solid;}
.header-language {
  float: right;
  width: 112px;
  height: 100px;
  background: url("../images/language_bg.jpg") top center no-repeat;
}
.header-language .cn {
  float: left;
  display: inline-block;border:1px solid #ddd;
  text-align: center;
  padding: 0 12px;
  color: #555;
  line-height: 27px;
  font-size: 12px;
}
.header-language .cn a {
  color: #555;
}
.header-language .en {
  float: right;
  display: inline-block;
  background: #f1f1f1;
  color: #333333;
  line-height: 27px;
  text-align: center;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #dedede;
  border-left: none;
}
.header-language .en a {
  color: #333333;
}
.header-language p {
  float: right;
  padding-right: 10px;
  margin-top: 35px;
}
.header-language p span:hover a {
  text-decoration: underline;
}	
/*------banner style------*/
.DB_tab25 {width:100%; height:600px; position:relative; overflow:hidden;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:600px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;top:230px; left:0;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;top:315px; left:190px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;top:365px; left:0;}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;top:95px; left:120px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;top:190px; left:200px;}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;top:270px; left:0;}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;top:125px; left:0;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;top:215px; left:460px;}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;top:310px; left:120px;}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:120px;top:0px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:540px;top:120px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:690px;top:150px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:540px;top:250px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:0px}
.DB_tab25 .DB_menuWrap{position:absolute;width:960px;left:50%;margin-left:-480px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%; top:570px; text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:170px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:170px;cursor:pointer;display:none}


.in_about_til{ font-size:16px; color:#555; margin-bottom:45px;}
.in_titl{ font-size:30px; color:#333; margin-bottom:10px; font-weight:normal;}
.in_ul li{ float:left; text-align:center; margin-bottom:40px; width:20%; border-right:1px solid #f7f7f7;}
.in_ul li i{ font-size:30px; color:#d6d6d6;}
.in_abo_b{ font-size:16px; color:#adadad;}
.in_p{ font-size:14px; color:#e6e5e5;}
.in_ul{ margin-left:30%;}
.in_about{ padding:50px 0px 50px; background:url(../image/bg2.jpg) no-repeat; background-size:cover; background-position:center;}
.pro_des_cons {font-size: 15px;color: #757676;line-height: 25px;padding:0 10%;}


/*------------------------index------------------------*/
#iMain{background:url(../images/500326885_banner.jpg) no-repeat;}
	.product{ padding: 60px 0 50px;}
		.product .title{}
			.product .title .icon{ /*background: url(../Images/icon1.jpg) no-repeat;*/}
			.product .title .topic{ text-align: center; padding: 0px 0 50px;}
		.proBox{ background: #fff; width: 225px; height: 350px; margin:0 10px 20px 0; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
		.proBox:last-child{ margin-right: 0px;}
        .proBox a{ display: block; width: 225px; height: 350px;}
			.proBox .pic2{ width: 225px; height: 225px; padding: 30px 0;}
			.proBox .topic2{ text-align: center; font-size: 18px;color: #333;font-weight:600; text-transform: uppercase; color: #333;font-weight:600  -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
		.proBoxA{ width: 490px;}
			.proBoxA .topic{font-size: 18px;color: #333;font-weight:600; text-transform: uppercase; margin: 110px 0 0 20px; width: 130px;}
			.proBoxA .pic{ margin: 50px 5px 0 0;}
			.proBoxA .subTopic{ margin: 15px 0 0 60px; width: 130px;}
			.proBoxA .read{ width: 130px; margin: 25px 0 0 60px;}
				.proBoxA .read a{ display: block; background: #0070c0; width: 110px; height: 40px; text-align: center; line-height: 40px; color: #fff;}
				
		.proBox2{ margin: 0 10px 20px 0;}
		.product .more{ background: #f0f0f0; width: 225px; height: 350px;}
		.proBox:hover{ background: #0070c0;}
			.proBox:hover .topic2{ color: #fff;}
		.proBoxA:hover .topic , .proBoxA:hover .subTopic{ color: #fff;}
		.proBoxA:hover .read a{ background: #fff; color: #0070c0;}
		.proBoxA .read a:hover{ background: #ff8c00; color: #fff;}
		.product .more{ -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
			.product .more .topic2{ text-align: center; font-size: 20px; text-transform: uppercase; color: #0070c0; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
			.product .more:hover{ background: #0070c0;}
			.product .more:hover .topic2{ color: #fff;}
	

.type_in {
	width:100%;
	background:url(../images/pb1.jpg) bottom left repeat-x;
	}
.bd1   { max-width: 1200px;height: 260px;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    display: table;
}
.type_in .box {
	padding-bottom:50px;
	position:relative;
	overflow:hidden;
	}
.type_in .tt_in {margin-bottom:10px;}
.type_in .list {
	width:166px;
	float:left;
	margin-right:15px;
	}
.type_in .list:last-child{margin-right:0px;}
.type_in .list a.img {
	display:block;
	width:164px;
	height:164px;
	background:#fff;
	border:7px solid #ccc;
	overflow:hidden;
	border-radius:50%;
	}
.type_in .list .img:hover {border:7px solid #e82418;}
.type_in .list a{
	color:#fff;
	font-size:16px;font-weight:600;
	}
.type_in .list a:hover {color:#fff;}
.type_in .list a.text {
	display:block;
	text-align:center;
	margin:10px 0;
	line-height:30px;
	}


.sy_tjcp {
	margin-left: 10px;
}
.sy_tjcp a {
	float: left;
	width: 369px;background:#fff;
	display: block;
	border: 1px solid #f0f0f0;box-shadow: 5px 5px 5px #ededed;
	margin: 10px;text-align: center;
}
.sy_tjcp a:hover {
	/*border: 1px solid #0070c0*/
}
.sy_tjcp a img {
	/*width: 100%;*/ max-width:365px;
	height: 301px;
}
.sy_tjcp a span {
	display: block;
	width: 349px;
	background: url(../Images/tb.png) 320px 25px no-repeat #f0f0f0;
	padding: 10px 10px;
	height: 40px;
	overflow: hidden
}
.sy_tjcp a span h3 {
	color: #333;line-height:40px;
	font-size: 16px;
}
.sy_tjcp a span h4 {
	color: #FFF;
	font-size: 14px;
	font-weight: normal
}
.sy_tjcp a:hover span {
	background: url(../Images/tb.png) 320px 25px no-repeat #ab001a
}
.sy_tjcp a:hover span h3 {
	color: #fff;
	font-size: 16px;
}
.sy_tjcp a:hover span h4 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}





	.about{ height: 600px; background: url(../Images/aboutbg.jpg) center no-repeat #fff;}
		#about{ width: 740px; margin: 0 auto; padding: 60px 0 60px 460px;}
			#about .title .icon{ background: url(../Images/icon2.jpg) no-repeat; float: left;}
			#about .title .topic{ padding: 30px 0 50px;}
			#about .content{ line-height: 160%;}
			#about .content p{ font-size: 16px; margin-bottom: 10px;}
			#about .more{ margin: 30px 0 0;}
			#about .more a{ display: block; width: 160px; height: 45px; text-align: center; line-height: 45px; overflow: hidden; background: #0070c0; color: #fff;}
			#about .more a:hover{ background: #ff8c00;}
	
	.experience{ padding:50px 0px; overflow:hidden;background:#f5f5f5}
		.experience .title .icon{ /*background: url(../Images/icon3.jpg) no-repeat;*/}
			.experience .title .topic{ padding: 10px 0 50px; text-align: center;}
			.experience .exBox{ width: 160px; height: 160px; margin:0 30px 50px ; text-align: center;border-radius:30px;}
			.exBox a{ display: block; width: 160px; height: 40px; padding-top: 180px;font-size:16px;font-weight:600; text-align: center; color: #333;}
			.exBox a:hover{ color: #000;}
			.exBox20{ background: url(../Images/expbg.jpg) 0 0 no-repeat;}
				.exBox20 a{ background: url(../Images/ex1.png) 0 0 no-repeat;}
				.exBox20 a:hover{ background: url(../Images/ex1.png) 0 -200px no-repeat;}
			.exBox21{ background: url(../Images/expbg.jpg) -180px 0 no-repeat;}
				.exBox21 a{ background: url(../Images/ex2.png) 0 0 no-repeat;}
				.exBox21 a:hover{ background: url(../Images/ex2.png) 0 -200px no-repeat;}
			.exBox22{ background: url(../Images/expbg.jpg) -360px 0 no-repeat;}
				.exBox22 a{ background: url(../Images/ex3.png) 0 0 no-repeat;}
				.exBox22 a:hover{ background: url(../Images/ex3.png) 0 -200px no-repeat;}
			.exBox23{ background: url(../Images/expbg.jpg) -540px 0 no-repeat;}
				.exBox23 a{ background: url(../Images/ex4.png) 0 0 no-repeat;}
				.exBox23 a:hover{ background: url(../Images/ex4.png) 0 -200px no-repeat;}
			.exBox24{ background: url(../Images/expbg.jpg) 0 -200px no-repeat;}
				.exBox24 a{ background: url(../Images/ex5.png) 0 0 no-repeat;}
				.exBox24 a:hover{ background: url(../Images/ex5.png) 0 -200px no-repeat;}
			.exBox25{ background: url(../Images/expbg.jpg) -180px -200px no-repeat;}
				.exBox25 a{ background: url(../Images/ex6.png) 0 0 no-repeat;}
				.exBox25 a:hover{ background: url(../Images/ex6.png) 0 -200px no-repeat;}
			.exBox26{ background: url(../Images/expbg.jpg) -360px -200px no-repeat;}
				.exBox26 a{ background: url(../Images/ex7.png) 0 0 no-repeat;}
				.exBox26 a:hover{ background: url(../Images/ex7.png) 0 -200px no-repeat;}
			.exBox27{ background: url(../Images/expbg.jpg) -540px -200px no-repeat;}
				.exBox27 a{ background: url(../Images/ex8.png) 0 0 no-repeat;}
				.exBox27 a:hover{ background: url(../Images/ex8.png) 0 -200px no-repeat;}
		.experience .more{ padding: 20px 0 0;}
			.experience .more a{ display: block; width: 160px; height: 45px; margin: 0 auto; text-align: center; line-height: 45px; overflow: hidden;  background: #9a9a9a;color: #fff;}
			.experience .more a:hover{ background: #00358f;}
	
	.news{ background: #fff;}
		.news .wrap{ padding: 60px 0;}
			.news .title .icon{ /*background: url(../Images/icon4.jpg) no-repeat;*/}
				.news .title .topic{ padding: 10px 0 50px; text-align: center;}
			.newNews{ width: 590px;}
				.newNews .newsBox{ background: #fafafa; margin: 0 0 20px; padding:20px 20px 25px;}
					.newsBox h3{ font-weight: 600; font-size: 15px;}
					.newsBox p{ font-size: 14px; margin: 5px 0 0; color: #666; line-height: 160%;}
				.newNews .newsBox:hover{ background: #0070c0; color: #fff;}
					.newNews .newsBox:hover a , .newNews .newsBox:hover p{ color: #fff;}
					
			.topNews{ width: 590px; height: 448px; background: #fafafa;}
				.topNews .title{ padding: 20px;}
					.topNews .name a{ font-weight: 600; font-size: 15px;}
					.topNews .desc{ font-size: 14px; margin: 5px 0 0; color: #666; line-height: 160%;}
			.topNews:hover{ background: #0070c0; color: #fff;}
				.topNews:hover a , .topNews:hover .desc{ color: #fff;}
			.news .more{ padding: 20px 0 0;}
			.news .more a{ display: block; width: 160px; height: 45px; margin: 0 auto; text-align: center; line-height: 45px; overflow: hidden; background: #9a9a9a; color: #fff;}
			.news .more a:hover{ background: #ff8c00;}
			
.title .topic{ font-size: 16px; text-transform: uppercase; color: #555;}
.title .icon{  height: 40px;font-size: 30px;  margin: 0 auto;text-align:center;color:#333;}
.title .right{ font-size: 12px;}
	.title .right a{ margin: 0 5px;}
/* 我们的优势 */
.cooper-box {
   margin:50px auto;height:580px
}

.cooper-center {
    width: 1200px;
    margin: 0 auto;
}

.reuse1 {
    padding: 50px 0px;
    background: url(../images/h2bj1.png) no-repeat center 100px;
}

.cooper-list li {
    float: left;
    width: 200px;
    overflow: hidden;
    position: relative;
}

.cooper-list li .img {
    position: relative;
    float: left;
}

.cooper-list li.cur .img a {
    opacity: 0;
}

.cooper-list li .img a {
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    bottom: 30px;
    text-indent: 21px;
    transition: all 1s;
}

.cooper-text {
    width: 267px;
    height: 420px;
    float: left;
    background: #ab001a;
    padding: 50px 10px;
    position: absolute;
    left: 318px;
    top: 0;
    text-align: justify;
}

.cooper-text h3 {
    color: #fff;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    padding-bottom: 50px;
    background: url(../images/h3bj1.png) no-repeat center 65px;
}

.cooper-text .content9 {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.casebox .slideGroup2{ width:1300px;text-align:center;  }
.casebox .slideGroup2 .slideBox{ overflow:hidden; zoom:1; }
.casebox .slideGroup2 .sPrev,.slideGroup2 .sNext{ display:block; width:40px; height:80px; margin-top:100px; float:left;background:url(../Images/icoleft.png) center center no-repeat; }
.casebox .slideGroup2 .sNext{ background:url(../Images/icoright.png) center center no-repeat;  }
.casebox .slideGroup2 .sPrev:hover,.slideGroup2 .sNext:hover{ border-color:#f60;  }



.casebox .slideGroup2 .parBd .tempWrap{ float:left;  }
.casebox .slideGroup2 .parBd ul{ overflow:hidden; zoom:1; float:left; }
.casebox .slideGroup2 .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.casebox .slideGroup2 .parBd ul li .pic{ text-align:center; margin-top:8px;}
.casebox .slideGroup2 .parBd ul li .pic img{ width:289px; height:260px; display:block; }
.casebox .slideGroup2 .parBd ul li .pic a:hover img{ border-color:#999; }


/*------------------------page------------------------*/
#pBanner{ height: 200px;}
.pBanner1{ background: url(../Images/pb1.jpg) center top no-repeat;}
.pBanner5{ background: url(../Images/pb2.jpg) center top no-repeat;}
.pBanner2{ background: url(../Images/pb3.jpg) center top no-repeat;}
.pBanner4{ background: url(../Images/pb4.jpg) center top no-repeat;}
.pBanner10{ background: url(../Images/pb5.jpg) center top no-repeat;}
.pBanner31{ background: url(../Images/pb6.jpg) center top no-repeat;}

.com_zi {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.com_zi .left_zi {
  width: 217px;
  float: left;
  border-right: 1px solid #f5f5f5;
}
.com_zi .left_zi .top_com {
  background: url(../images/left_top_bg.jpg) no-repeat;
  min-height: 130px;
  padding-top: 50px;
  position: relative;
}
.com_zi .left_zi .top_com span {
  font-size: 27px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  width: 100%;
  display: block;
  overflow: hidden;
  color: #fff;
  padding: 0px 20px;
}
.com_zi .left_zi .top_com:after {
  content: url(../images/after_top.png);
  position: absolute;
  left: 0px;
  top: -33px;
  width: 374px;
  height: 33px;
  z-index: 9999;
}
.com_zi .left_zi .nav_left {
  border-left: 8px solid #e5e5e5;
  padding: 0px 6px;
  position: relative;
}
.com_zi .left_zi .nav_left li {
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 30px;
  position: relative;
}
.com_zi .left_zi .nav_left li a {
  font-size: 14px;
  color: #666666;
  font-family: "微软雅黑";
  display: block;
  width: 100%;
  padding-right: 12px;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  background: url(../images/li_san.png) right center no-repeat;
}
.com_zi .left_zi .nav_left li:hover a {
  color: #00358f;
  font-weight: 700;
}
.com_zi .left_zi .nav_left li .er {
  padding: 0px 0px 10px;
}
.com_zi .left_zi .nav_left li .er a {
  font-size: 12px;
  color: #999;
  line-height: 24px;
  height: 24px;
  background: none;
  font-weight: 500;
}
.com_zi .left_zi .nav_left li .er a:hover {
  color: #00358f;
}
#bot {
  color: #ab001a;
  font-weight: 700;
}
.com_zi .left_zi .nav_left:before {
  content: "";
  position: absolute;
  height: 46px;
  width: 13px;
  top: 0px;
  left: -13px;
  background: #ab001a;
}
.com_zi .left_zi .pro_lei {
  border: 1px solid #f5f5f5;
  margin-top: 40px;
}
.com_zi .left_zi .pro_lei .toper {
  background: #00358f url(../images/li_lei.png) no-repeat 20px center;
  padding-left: 40px;
  height: 38px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 38px;
}
.com_zi .left_zi .pro_lei .pro_l_nei {
  padding: 20px 5px 10px;
  border-bottom: 1px solid #F5F5F5;
}


.com_zi .right_zi {
  width: 79%;
  float: right;
}
.com_zi .right_zi .bar {
  border-bottom: 1px solid #eaeaea;
  padding: 30px 0px 10px;
}
.com_zi .right_zi .bar .b_tt {
  float: left;
  font-size: 20px;
  color: #1f1f1f;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 20%;
  overflow: hidden;
}
.com_zi .right_zi .bar .curbar {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #6e6e6e;
  width: 78%;
  vertical-align: middle;
  margin-top: 12px;
}
.com_zi .right_zi .bar .curbar a {
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.com_zi .right_zi .bar .curbar a:hover {
  color: #0083c7;
}
.com_zi .right_zi .bar .curbar i {
  font-style: normal;
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
.com_zi .right_zi .bar .curbar i:last-child {
  color: #000;
  border-bottom: 1px solid #000;
}


.about_zi {padding: 3% 0px;}
.about_zi p{ line-height:30px;}



.aboutNav{ border-bottom: 1px #ccc solid; line-height: 58px; text-align: center;}
	.aboutNav a{ padding: 20px;}
	.aboutNav a:hover{ background: #0070c0; color: #fff;}
.pAbout , .pApp , .contact{ padding: 60px 0;}
.vision , .markets{ background: #fff; padding: 60px 0;}
.pAbout .content , .vision .content{ font-size: 16px; line-height: 160%;}
.markets .content{ font-size: 0; text-align: center;}
.pAbout .content p , .vision .content p{ font-size: 16px; margin: 0 0 10px;}
	.pAbout .title .icon{ background: url(../Images/icon2.jpg) no-repeat;}
	.vision .title .icon{ background: url(../Images/icon5.jpg) no-repeat;}
	.contact .title .icon{ background: url(../Images/icon6.jpg) no-repeat;}
	.pApp .title .icon{ background: url(../Images/icon3.jpg) no-repeat;}
	.markets .title .icon{ background: url(../Images/icon7.jpg) no-repeat;}
	.pQuality .title .icon{ background: url(../Images/icon8.jpg) no-repeat;}
	.mater .title .icon{ background: url(../Images/icon9.jpg) no-repeat;}
	.pAbout .title .topic , .vision .title .topic , .casebox .title .topic , .cooper-box .title .topic , .markets .title .topic , .pProduct .title .topic{ padding: 10px 0 50px; text-align: center;}
	.pAbout .content , .vision .content{ overflow: hidden;}
.pProduct{ padding: 60px 0;}
	.pProduct .title .icon{ background: url(../Images/icon1.jpg) no-repeat;}
		.pProduct .title .topic{ padding: 30px 0 30px;}
.pNews{}
	.pNews .title .icon{ background: url(../Images/icon4.jpg) no-repeat;}
		.pNews .title .topic{ padding: 30px 0 30px;}
.proSortNav{ text-align: center; border-bottom: 1px #ddd solid; background: #fff;}
	.proSortNav a{ padding: 25px 20px; line-height: 69px;}
	.proSortNav a:hover{ background: #0070c0; color: #fff;}
.proSubNav{ padding: 20px; font-size: 20px; margin: 20px 0; background: #0070c0; color: #fff;}
	.pContent{ overflow: hidden;}
		.pConProBox{ width: 278px; height: 428px; border: 1px #ddd solid; background: #fff; text-align: center; margin: 10px;}
			.pConProBox .pic{ margin-top: 29px;}
			.pConProBox .name{ line-height: 100px;}
			.pConProBox .read a{ display: block; width: 160px; height: 45px; line-height: 45px; text-align: center; margin: 0 auto; border: 1px #ccc solid; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;}
			.pConProBox .read a:hover{ background: #fff; color: #0070c0; border-color: #fff;}
		.pConProBox:hover{ background: #0070c0; border-color: #0070c0;}
			.pConProBox:hover a{ color: #fff;}
	.pProPic{ border: 1px #ccc solid; padding: 20px;}
	.pProTopic{ width: 650px; margin: 20px 0 0 40px; line-height: 160%;}
		.pProTopic .name{ font-size: 20px; margin-bottom: 20px;}
		.pProTopic .sort{ margin-bottom: 20px;}
		.pProTopic span{ color: #0070c0;}
	.pProMs{ padding: 20px; background: #fff; margin: 20px 0; border-bottom: 1px #ddd solid; font-size: 20px; color: #0070c0;}
	.pTxt{ padding: 0 20px; overflow: hidden;}
		.pTxt p{ margin: 0 0 10px;}
	.pContent ul{ margin: 20px 0 0;}
	.pNewsBox{ background: #fff; margin-bottom: 20px; padding: 30px 0;}
		.pNewsBox h3{ font-size: 16px; font-weight: normal;}
		.pNewsBox p{ margin: 10px 0 0; line-height: 160%;}
	.pNewsBox:hover{ background: #0070c0; color: #fff;}
		.pNewsBox:hover a{ color: #fff;}
		.pNewsBox:hover a:hover{ color: #ff8c00;}
	.pNewsName{ text-align: center; padding: 20px 0; font-size: 16px;}
	.visitors{ text-align: right; border-bottom: 1px #ccc dotted; padding: 10px; margin-bottom: 20px;}
	.apBox{ width: 200px; margin: 20px 50px 40px; text-align: center;}
		.apBox .pic{ display: block; width: 150px; height: 150px; border: 5px #ccc solid; border-radius:85px; -moz-border-radius:85px; -webkit-border-radius:85px; margin: 0 0 20px 0; margin: 0 auto;}
		.apBox .pic20{ background: url(../Images/ex1.png) center -20px no-repeat #ccc;}
		.apBox .pic21{ background: url(../Images/ex2.png) center -20px no-repeat #ccc;}
		.apBox .pic22{ background: url(../Images/ex3.png) center -20px no-repeat #ccc;}
		.apBox .pic23{ background: url(../Images/ex4.png) center -20px no-repeat #ccc;}
		.apBox .pic24{ background: url(../Images/ex5.png) center -20px no-repeat #ccc;}
		.apBox .pic25{ background: url(../Images/ex6.png) center -20px no-repeat #ccc;}
		.apBox .pic26{ background: url(../Images/ex7.png) center -20px no-repeat #ccc;}
		.apBox .pic27{ background: url(../Images/ex8.png) center -20px no-repeat #ccc;}
		.apBox .pic:hover{ background-color: #0070c0; border-color: #0070c0;}
		.apBox p{ font-size: 16px; margin: 10px 0 0;}
	
	.pApBox{ background: #fff; padding: 50px;}
		.apPic{ border: 1px #ccc solid; padding: 10px;}
		.apDesc{ width: 700px; margin: 30px 0 0 50px; font-size: 18px; line-height: 180%; color: #333;}
		.relPro{ text-align: center; font-size: 36px; color: #333; padding: 30px 0 20px;}
		
	.message{ width: 500px;}
		.uk-form-row{ background: #fff; height: 50px; margin-bottom: 20px;}
		.uk-form-row input{ border: none; width: 500px; height: 49px; line-height: 49px; text-indent: 20px; background: none;}
		.uk-form-row2{ position: relative;}
			.uk-form-row2 input{ width: 365px;}
			.uk-form-row2 img{ position: absolute; right: 5px; top: 5px;}
		.uk-form-row3{ height: 100px;}
		.uk-form-row3 textarea{ width: 496px; height: 96px; border: none; font-family:Open Sans, arial, sans-serif; text-indent: 20px; background: none;}
		.uk-form-row:hover{ background: #eee;}
		.uk-form-row .uk-button{ border: none; width: 500px; height: 50px; text-align: center; background: #0070c0; color: #fff; cursor: pointer;}
		.uk-form-row .uk-button:hover{ background: #ff8c00;}
	.contactUs{ width: 600px;}
		.contactUs li{ padding: 35px 0 35px 70px; border-bottom: 1px #ccc dotted;}
		.contactUs p{ font-size: 16px;}
		.contactUs li:nth-child(1){ background: url(../Images/icon4.png) left center no-repeat;}
		.contactUs li:nth-child(2){ background: url(../Images/icon5.png) left center no-repeat;}
		.contactUs li:nth-child(3){ background: url(../Images/icon6.png) left center no-repeat;}
		.contactUs li:nth-child(4){ background: url(../Images/icon7.png) left center no-repeat;}
		
	.proNavBox{ width: 320px; margin: 20px; background: url(../Images/bg.gif); padding: 20px; overflow: hidden;}
		.proNavBox a{ display: block; width: 280px; padding:30px 20px; height: 76px; line-height: 160%; text-align: center; color: #0070c0; background: #fafafa; font-size: 24px; overflow: hidden; text-transform: uppercase; }
		.proNavBox12 a{ line-height: 76px;}
	.proNavBox:hover{ background: #0070c0;}
	.proNavBox:hover a{ background: #fff;}

.pageBox{ text-align: center; padding: 20px 0;}	
	.pageBox a{ border: 1px #ccc solid; padding: 10px 15px; margin: 0 3px;}	
	.pageBox a.absolutepage { color:#ff8c00; border: 1px #ff8c00 solid;}	
.pageCut{ padding: 20px 0; line-height: 180%;}


 
.caselist ul li{overflow: hidden;padding-bottom: 34px;border-bottom: 1px solid #f3f3f3;padding-top: 34px;}
.caselist ul li .pic{width: 319px;}
.caselist ul li .pic img{width: 100%;}
.caselist ul li .text{width: 655px;margin-left: 25px;}
.caselist ul li .text h1{font-size: 22px;color: #333333;}
.caselist ul li .text span{line-height: 35px;border-bottom: 1px solid #f6f6f6;font-size: 13px;color: #999999;display: block;}
.caselist ul li .text span em{width: 1px; height:15px;background: #f6f6f6;display: inline-block;margin:  0px 10px 0 10px;vertical-align: middle;}
.caselist ul li .text .txt{margin-top: 11px;}
.caselist ul li .text .txt p{line-height: 25px;color: #666666;font-size: 13px;}
.caselist ul li a{display: block;width: 100%;height: 100%;}
.caselist ul li .text h5{width: 95px;height: 34px;border: 1px solid #ddd;text-align: center;line-height: 34px;font-size: 13px;color: #666666;}
.caselist ul li a :hover h5{border: 1px solid #035cac;background: #035cac;color: #fff;}
 


/*------------------------footer------------------------*/

/*通栏*/
.col-md-6,.col-sm-6 {
    width: 50%;    float: left;
}
.xy-tonglan {
    padding: 60px 0;background:#f5f5f5;clear:both;
}

.xy-tonglan .xy-tl-title {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 400;
    padding-bottom: 10px;
}

.xy-tl-nav dl {
    width: 33.333%;
    float: left;
}

.xy-tl-nav dd a {
    font-size: 14px;
    color: rgba(58, 58, 58, 0.8);
    line-height: 24px;
}

.xy-tl-nav dd a:hover {
    color: rgba(58, 58, 58, 1);
}

.xy-tonglan .xy-tl-box {
    font-size: 14px;
    color: #3a3a3a;
    line-height: 25px;
}

.xy-tonglan .xy-tl-box img {
    display: inline-block;
    margin-right: 15px;
}

.xy-tonglan .xy-tl-ewm {
    display: inline-block;
    font-size: 14px;
    color: #3a3a3a;
    text-align: left;
}

.xy-tonglan .xy-tl-ewm img {
    max-width: 100%;
    margin-bottom: 20px;
}

/*页脚*/

.xy-footer {
    padding: 15px 0;background:#00358f;
    position: relative;
    color: #fff;
    line-height: 32px;
    text-align: center;
}

.xy-footer a {
    color: #fff;
}

.xy-footer .xy-ft-cpy {
    font-size: 13px;
    color: #fff;
    padding-top: 5px;
    line-height: 1.6;
}

.xy-footer .xy-ft-cpy a {
    color: #fff;
}

.xy-footer .xy-ft-rtcp {
    font-size: 13px;
    color: #fff;
    padding-left: 45px;
    line-height: 45px;
    position: relative;
    z-index: 8;
}

.xy-footer .xy-ft-rtcp a {
    color: #fff;
}

.xy-footer .xy-ft-rtcp a:hover {
    color: #fff;
}
.splb_nr{ display:block; overflow:hidden;  padding:0px 16px 20px 16px; border:1px solid #e2e2e2; color:#000;}
.splb_nr_lm{ width:370px; float:left; display:block; border:1px solid #d7d7d7; margin-top:20px;}
.splb_nr_lm h1{ width:370px; float:left; text-align:center; padding-top:4px; padding-bottom:4px;}
.splb_nr_lm h2{ width:370px; float:left; display:block; text-align:center; line-height:52px; color:#666;}
.splb_nr_lm h3{width:370px; background:#f3f3f3; float:left; display:block; text-align:center; line-height:25px;}
.splb_nr_lm h3 span{ color:#F00;}